<%--
  Created by IntelliJ IDEA.
  User: HP
  Date: 2023/10/6
  Time: 11:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <%--1. 引入jquery--%>
    <script src="webjars/jquery/3.6.4/jquery.min.js"></script>
    <%--2. 引入bootstrap的css样式--%>
    <link rel="stylesheet" href="webjars/bootstrap/3.4.1/css/bootstrap.min.css">
    <%--3. 引入bootstrap的js库--%>
    <script src="webjars/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <style>
        .container{
            width: 500px;
            margin-top: 20px;
        }
        form input{
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">用户登录</h3>
            </div>
            <div class="panel-body">
                <form class="form-signin" method="post" action="/user?cmd=login">
                    <input type="text" name="username" class="form-control" placeholder="请输入用户名" required autofocus>
                    <input type="password" name="password" class="form-control" placeholder="请输入密码" required>
                    <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
